<template>
  <div class="page-component">
    <h2>安装</h2>
    <h3>npm安装</h3>
    <p>荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。</p>
    <div v-highlight>
    <pre>
      <code >npm i element-ui -S</code>
    </pre>
    </div>
    <h3>CDN</h3>
    <p>目前可以通过 unpkg.com/element-ui 获取到最新版本的资源，在页面上引入 js 和 css 文件即可开始使用。</p>
    <div v-highlight>
      <pre>
        <code>
&lt;!-- 引入样式 --&gt;
&lt;link rel=&quot;stylesheet&quot; href=&quot;https://unpkg.com/element-ui/lib/theme-chalk/index.css&quot;&gt;
&lt;!-- 引入组件库 --&gt;
&lt;script src=&quot;https://unpkg.com/element-ui/lib/index.js&quot;&gt;&lt;/script&gt;
        </code>
      </pre>
    </div>

    <h3>hello world</h3>
    <p>通过 CDN 的方式我们可以很容易地使用 Element 写出一个 Hello world 页面。在线演示</p>
  </div>
</template>

<script>
  export default {
    name: 'el_anzhuang'
  }
</script>

<style scoped>
  /*//代码样式格式*/

</style>
